
<!DOCTYPE html>
<html style="font-size: 200px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>支付宝红包</title>
        
        <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="grey">
            </head>
    <body style="padding-top:0">
                <script type="text/javascript">
        window.mobileUtil = (function(win, doc) {
        	var UA = navigator.userAgent,
        		isAndroid = /android|adr/gi.test(UA),
        		isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
                isBlackBerry = /BlackBerry/i.test(UA),
                isWindowPhone = /IEMobile/i.test(UA),
        		isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;
        	return {
        		isAndroid: isAndroid,
        		isIOS: isIOS,
        		isMobile: isMobile,
        		isWeixin: /MicroMessenger/gi.test(UA),
        		isQQ: /QQ/gi.test(UA),
                isApp: /xiaoshijie/gi.test(UA)
            };
        })(window, document);
        !(function (doc, win) {
            var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',fsize,
            fn = function () {
                var cWidth = !mobileUtil.isMobile ? 750 : docEl.clientWidth;
                fsize = cWidth/7.5;
                cWidth && (docEl.style.fontSize = 2 * fsize + 'px');
            };
            fn();
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, fn, false);
        })(document, window);
        </script>
                <style>
				/**
 *  Reset Stylesheet
 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
address,
cite,
dfn,
var,
em,
i,
strong,
b {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}
body,
html {
  width: 100%;
  height: 100%;
}
code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace;
}
small {
  font-size: 12px;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*Ivan add*/
* {
  /*-webkit-user-select: none;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  outline: none;
  /*-webkit-font-smoothing: antialiased;*/
}
body {
  max-width: 750px;
  margin: 0 auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #f1f1f1;
  font: normal normal 100 16px/1 Arial, sans-serif;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 85.3333px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 96px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 110.4px;
  }
}
@media screen and (min-width: 440px) {
  html {
    font-size: 117px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 125px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 170px;
  }
}

    .container{
        background: linear-gradient(#76C1F2, #428EE2);
        height: 100%;
    }
    .wrap{
        background: url("/static/e6565833d4001d92b22f42a5276bd960.png") no-repeat 0 0.36rem;
        height: 5.04rem;
        background-size: auto 4.68rem;
        position: relative;
    }
    .wrap__con{
        width: 100%;
        position: absolute;
        top: 3.26rem;
        text-align: center;
    }
    .wrap__con__txt{
        line-height: 0.2rem;
        color: #fff;
        font-size: 0.14rem;
        margin-bottom: 0.1rem;
    }
    .wrap__con__password{
        width: 1.2rem;
        height: 0.28rem;
        line-height: 0.28rem;
        border: 1px #FFE33E dashed;
        color: #FFFFFF;
        font-size: 0.16rem;
        background: #AE0300;
        display: inline-block;
        padding: 0 0.1rem;
        text-align: center;
    }
    .wrap__con__btn{
        margin-top: 0.15rem;
    }
    .wrap__con__btn .btn{
        background: url("/static/4d826ee714c0dd7c8defa50d42e360c1_180x552.png");
        background-size: 1.72rem 0.6rem;
        width: 1.72rem;
        height: 0.6rem;
        line-height: 0.6rem;
        display: inline-block;
        color: #E71218;
        font-size: 0.16rem;
        font-weight: bold;
        position: relative;
    }
    .wrap__con__btn .copy_btn{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .toast{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: transparent;
        z-index: 1;
        display: none;
    }
    .toast span{
        position: relative;
        display: inline-block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.2rem 0.25rem;
        background: rgba(0,0,0,.9);
        color: white;
        text-align: center;
        border-radius: 0.07rem;
        font-size: 0.13rem;
    }
</style>
<div class="container">
    <div class="wrap">
        <div class="wrap__con">
            <p class="wrap__con__txt">打开支付宝搜索</p>
            <input class="wrap__con__password" type="text" id="word" value="" readonly="readonly">
            <div class="wrap__con__btn">
                <span class="btn"><i class="tips">复制并打开支付宝</i><a class="copy_btn" href="#" data-clipboard-target="#word"></a></span>
            </div>
        </div>
    </div>
</div>
<div class="toast">
    <span></span>
</div>
<a id="ios" href="alipay://platformapi/startapp?saId=20001003" style="visibility: hidden;">下一步</a> 
<a id="and" href="alipays://platformapi/startapp?saId=20001003" style="visibility: hidden;">下一步</a> 
<script>
    var code = '{$code}';
    var link = 'platformapi/startapp?appId=20001003&chInfo=ch_haosheng';
</script>

    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript" src="https://cdn.staticfile.org/clipboard.js/2.0.4/clipboard.min.js"></script>	
<script type="text/javascript">!function(){
        $('#word').val(code);
        var clipboard = new ClipboardJS('.wrap__con__btn .copy_btn');
        clipboard.on('success', function(e) {
            $('.toast').find('span').text('复制成功');
            $('.toast').show();
            setTimeout(function(){
                $('.toast').hide();
                if(mobileUtil.isIOS){
                    //window.location.href = 'alipay://'+link;
					document.getElementById("ios").click();
                }
                if(mobileUtil.isAndroid){
                    //window.location.href = 'alipays://'+link;
					document.getElementById("and").click();
                }
            }, 1000);
            e.clearSelection();
        });

    }();</script>    

<div id="qb-sougou-search" style="display: none; opacity: 0;"><p>搜索</p><p class="last-btn">复制</p></div></body></html>
